Feat/#58 admin api 연동 #61

leeleeleeleejun · 2025-11-11T15:54:09Z

#️⃣연관된 이슈

[Feature] admin 페이지 api 기능 구현 #58

📝작업 내용

admin api 연동

스크린샷 (선택)

💬리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

Summary by CodeRabbit

릴리스 노트

New Features
- 요청 상세 페이지 UI 재설계 및 개선
- 카테고리 및 태그 기능 추가
- 요청 검토 및 거절 기능 추가
Refactor
- 요청 목록 페이지 동적 데이터 로딩 구현

…규 추가

coderabbitai · 2025-11-11T15:54:15Z

Caution

Review failed

The pull request is closed.

Walkthrough

Admin 애플리케이션의 요청 관리 기능을 개선합니다. API 경로를 단수형에서 복수형으로 변경하고, 정적 목데이터에서 동적 데이터 페칭으로 전환합니다. 새로운 API 서비스 함수와 타입을 추가하며, 요청 상세 페이지 구조를 재정렬합니다.

Changes

Cohort / File(s)	Summary
Next.js 설정 및 이미지 최적화 `apps/admin/next.config.ts`	원격 이미지 패턴 설정 추가: pstatic.net, daumcdn.net, blog.kakaocdn.net 도메인에 대한 원격 패턴 등록
타입 정의 및 상수 `apps/admin/src/app/_api/types.ts`, `apps/admin/src/app/requests/[id]/_api/types.ts`, `apps/admin/src/consts/campus.ts`, `apps/admin/src/consts/path.ts`	새로운 타입 추가(Category, Tag, RequestReview, HandleReview), Request 타입 업데이트(icon → campus/categories/tags), placeId를 string에서 number로 변경, CHEANAN을 CHEONAN으로 수정, API/CLIENT 경로를 단수형에서 복수형으로 변경
API 서비스 함수 `apps/admin/src/app/_api/services/request.ts`, `apps/admin/src/app/requests/[id]/_api/services/request.ts`	요청 목록 조회(getRequests), 상세 정보 조회(getRequestDetail), 검토 제출(requestReview) 함수 추가
메인 페이지 동적화 `apps/admin/src/app/page.tsx`	비동기 함수로 변경, 목데이터 제거, getRequests를 통한 실시간 데이터 페칭, 캠퍼스별 데이터 분할 로직 추가
요청 상세 페이지 재구조화 `apps/admin/src/app/request/[id]/page.tsx`, `apps/admin/src/app/request/[id]/RequestDetailPage.tsx`, `apps/admin/src/app/request/[id]/_components/...`	기존 `/request/[id]` 구조 삭제
새로운 상세 페이지 구조 `apps/admin/src/app/requests/[id]/page.tsx`, `apps/admin/src/app/requests/[id]/RequestDetailPage.tsx`, `apps/admin/src/app/requests/[id]/_components/...`	새로운 `/requests/[id]` 구조 추가, 서버 컴포넌트 기반 데이터 페칭, 클라이언트 컴포넌트로 상세 뷰 렌더링
컴포넌트 업데이트 `apps/admin/src/app/_components/RequestListItem/RequestListItem.tsx`, `apps/admin/src/app/requests/[id]/_components/ActionButtonGroup/ActionButtonGroup.tsx`, `apps/admin/src/app/requests/[id]/_components/Location/Location.tsx`, `apps/admin/src/app/requests/[id]/_components/Description/Description.tsx`, `apps/admin/src/app/requests/[id]/_components/RejectModal/RejectModal.tsx`, `apps/admin/src/app/requests/[id]/_components/Menus/...`	Props 변경(icon → categories), 동적 태그 기반 칩 렌더링, handleReview 핸들러 추가, 임포트 경로 수정

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant Home as Home Page<br/>(Server)
    participant API as API Service
    participant RequestList as Request List
    participant DetailPage as Detail Page<br/>(Server)
    participant DetailComponent as RequestDetailPage<br/>(Client)
    participant ReviewAPI as Review API

    User->>Home: 홈 페이지 접속
    Home->>API: getRequests()
    API-->>Home: Request[] 반환
    Home->>RequestList: 캠퍼스별로<br/>분할된 데이터 전달
    RequestList-->>User: 요청 목록 표시

    User->>DetailPage: 요청 상세 페이지 클릭
    DetailPage->>API: getRequestDetail(id)
    API-->>DetailPage: RequestDetail 반환
    DetailPage->>DetailComponent: data 전달
    DetailComponent-->>User: 상세 정보 표시

    User->>DetailComponent: 검토 결정
    alt 거절
        DetailComponent->>ReviewAPI: requestReview(REJECTED)
    else 등록
        DetailComponent->>ReviewAPI: requestReview(APPROVED)
    end
    ReviewAPI-->>DetailComponent: 응답
    DetailComponent-->>User: 완료 알림 및<br/>홈으로 이동

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 분

추가 검토 필요 영역:

타입 시스템 변경이 모든 컴포넌트에 올바르게 전파되었는지 확인 (icon → categories/campus/tags)
API 경로 변경이 일관되게 적용되었는지 검증 (단수 → 복수 형태)
requestReview의 에러 핸들링 로직 (response.ok 체크)
데이터 분할 로직 (캠퍼스별 partitioning)
서버/클라이언트 컴포넌트 경계의 데이터 흐름 (async props)

Possibly related PRs

Feat/#48 admin 관련 메인 페이지 및 등록 조회 상세 페이지 UI 작업 #49: Admin 메인/상세 UI 구현이 동일한 요청 컴포넌트, 타입, 유틸리티를 다루므로 직접적으로 관련됨

Suggested labels

✨ Feature

Poem

🐰 요청들을 다시 단장하고,
데이터는 이제 흐르는 물처럼,
캠퍼스별로 갈라지는 길,
상세 페이지로 드나드는 여정,
검토 결과 담아 되돌아오네! 🎉

✨ Finishing touches

📝 Generate docstrings

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch feat/#58

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 276ebab and bb3d689.

📒 Files selected for processing (21)

apps/admin/next.config.ts (1 hunks)
apps/admin/src/app/_api/services/request.ts (1 hunks)
apps/admin/src/app/_api/types.ts (1 hunks)
apps/admin/src/app/_components/RequestListItem/RequestListItem.tsx (2 hunks)
apps/admin/src/app/page.tsx (1 hunks)
apps/admin/src/app/request/[id]/RequestDetailPage.tsx (0 hunks)
apps/admin/src/app/request/[id]/_components/ActionButtonGroup/ActionButtonGroup.tsx (0 hunks)
apps/admin/src/app/request/[id]/_components/Location/Location.tsx (0 hunks)
apps/admin/src/app/request/[id]/page.tsx (0 hunks)
apps/admin/src/app/requests/[id]/RequestDetailPage.tsx (1 hunks)
apps/admin/src/app/requests/[id]/_api/services/request.ts (1 hunks)
apps/admin/src/app/requests/[id]/_api/types.ts (2 hunks)
apps/admin/src/app/requests/[id]/_components/ActionButtonGroup/ActionButtonGroup.tsx (1 hunks)
apps/admin/src/app/requests/[id]/_components/Description/Description.tsx (1 hunks)
apps/admin/src/app/requests/[id]/_components/Location/Location.tsx (1 hunks)
apps/admin/src/app/requests/[id]/_components/Menus/Menu.tsx (1 hunks)
apps/admin/src/app/requests/[id]/_components/Menus/Menus.tsx (1 hunks)
apps/admin/src/app/requests/[id]/_components/RejectModal/RejectModal.tsx (2 hunks)
apps/admin/src/app/requests/[id]/page.tsx (1 hunks)
apps/admin/src/consts/campus.ts (1 hunks)
apps/admin/src/consts/path.ts (1 hunks)

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

leeleeleeleejun added 12 commits November 10, 2025 12:29

refactor: API path 수정

ef7914b

fix: 수정된 캠퍼스 이름 'CHEANAN'을 'CHEONAN'으로 변경

460018f

feat: Request 타입 필드 확장(campus, categories, tags) 및 RequestReview 타입 신…

20877b5

…규 추가

feat: 요청목록 조회 api 로직 연결

aea1457

feat: Description 컴포넌트에 tags prop 추가 및 Chip 렌더링 로직 수정

6502d1c

feat: 요청상세 조회 api 로직 연결

fe3eb69

feat: next.config.ts에 remotePatterns 추가

e3501cb

refactor: admin/../request 폴더 이름을 requests로 변경

e06fa98

feat: Location 컴포넌트에 위치 prop 추가 및 마커 렌더링 로직 추가

fb7279f

feat: ActionButtonGroup 및 RejectModal에 placeId prop 추가 및 요청 승인/거절 로직 연결

04d8aeb

feat: placeId prop 타입을 string에서 number로 변경 및 requestReview 함수의 헤더 추가

22f7370

feat: ActionButtonGroup, RejectModal의 승인/거절 로직을 handleReview prop으로 분리

bb3d689

leeleeleeleejun self-assigned this Nov 11, 2025

leeleeleeleejun linked an issue Nov 11, 2025 that may be closed by this pull request

[Feature] admin 페이지 api 기능 구현 #58

Closed

3 tasks

leeleeleeleejun changed the title ~~Feat/#58~~ Feat/#58 admin api 연동 Nov 12, 2025

leeleeleeleejun marked this pull request as ready for review November 12, 2025 09:10

leeleeleeleejun merged commit 5dd4807 into develop Nov 12, 2025
1 check was pending

coderabbitai bot mentioned this pull request Jan 2, 2026

Fix/#91 태그 UI 가로 스크롤 적용 및 SwipeableArea 세로 스크롤 이슈 해결 #92

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat/#58 admin api 연동 #61

Feat/#58 admin api 연동 #61

Uh oh!

leeleeleeleejun commented Nov 11, 2025 •

edited by coderabbitai bot

Loading

Uh oh!

coderabbitai bot commented Nov 11, 2025 •

edited

Loading

Review failed

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Feat/#58 admin api 연동 #61

Feat/#58 admin api 연동 #61

Uh oh!

Conversation

leeleeleeleejun commented Nov 11, 2025 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

#️⃣연관된 이슈

📝작업 내용

스크린샷 (선택)

💬리뷰 요구사항(선택)

Summary by CodeRabbit

릴리스 노트

Uh oh!

coderabbitai bot commented Nov 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review failed

Walkthrough

Changes

Sequence Diagram(s)

Estimated code review effort

Possibly related PRs

Suggested labels

Poem

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

leeleeleeleejun commented Nov 11, 2025 •

edited by coderabbitai bot

Loading

coderabbitai bot commented Nov 11, 2025 •

edited

Loading